<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>更新用户信息</title>
</head>
<script src="/js/jquery.js"></script><!--分页(以写)   修改用户信息（已写）
    重要通知滚动显示框(以写)   图片变成背景图片(以写)
  在数据库课程表中 添加选课时间（date类型不要时分秒）(以写)-->
<script>
    //拿到要更改的值
    function initShowUserData() {
        $("input[name='id']").val("[[${user.id}]]");
        $("input[name='name']").val("[[${user.name}]]");
        $("input[name='pwd']").val("[[${user.pwd}]]");
        $("input[name='clbum']").val("[[${user.clbum}]]");
        $("input[name='age']").val("[[${user.age}]]");
        $("input[name='sex']").val(["[[${user.sex}]]"]);
        $("#photoImg").attr("src","/[[${user.photo}]]");
        //如果传过去的图片  name=photo  文件为空  那么会话会给你更新为空  刚刚是[[${user.photo}]]为空
        //所以我改了提交文件的文件名，反正也只是替换文件不改名
        /*alert("[[${user.photo}]]||[[${user.age}]]");*/
        /*siteInbox();*/
    }

    //姓名的判断是否规范
    function nameRe(){
        var yn=false;
        var name=$("input[name='name']");
        if(name.val()!=null&&name.val()!=''){
            if(name.val()=="[[${user.name}]]"){
                name.next("span").html("警告：当前用户名和原先用户名相同");
                yn=true;
            }else {
                var params="name="+name.val();
                $.ajax({
                    url:"/user/selUserName",
                    type:"get",
                    async:false,
                    data:params,
                    success:function (data) {
                        if(data==1){
                            name.next("span").html("用户名重复请重新输入");
                        }else{
                            name.next("span").html("");
                            yn=true;
                        }
                    }
                });
            }
        }else{
            name.next("span").html("请输入用户名");
        }
        return yn;
    }
    //年龄验证
    function ageRe() {
        var yn=false;
        var age=$("input[name=age]");
        if(isNaN(age.val())){
            age.next("span").html("请输入数值类型");
        }else{
            if(parseInt(age.val())>0&&parseInt(age.val())<=120){
                yn=true;
                age.next("span").html("");
            }else{
                age.next("span").html("请输入合适的年龄");
            }
        }
        return yn;
    }


    $(function () {
        //给表单赋值 （赋值的是当前用户数据）
        initShowUserData()
        //绑定name事件
        $("input[name='name']").blur(nameRe);
        //绑定age事件
        $("input[name='age']").blur(ageRe);

        $("#upUser").submit(function () {
            if(nameRe()&&ageRe()){
                return true;
            }else {
                return false;
            }
        })
    });
</script>
<body>
<!--退出登入 等 多种页面 右上角  小按键-->
<div style="display: inline-block;float: right"
     th:insert="/succPage/public/head::header"></div>

<h3>用户信息修改</h3>
<span style="color: #2b542c">不改请勿动（后台有做判断为空不修改）</span>

<form id="upUser" method="post" action="/studentManagement/succPage/user/upMyUser2"  enctype="multipart/form-data">
    <input type="hidden" name="id" >
    姓名：<input type="text" name="name"><span></span><br/>
    密码：<input type="text" name="pwd"><br/>
    班级：<input type="text" name="clbum"><br/>
    年龄：<input type="text" name="age"><span></span><br/>
    女:<input type="radio" name="sex" value="0">
    男:<input type="radio" name="sex" value="1"><br/>
    选择新图像：<input type="file" name="file"><br/>
    旧图像：<br/><img width="260px" height="160px" id="photoImg" src=""><br/>
    <input type="submit" value="修改"><br/>
</form>
<a href="/studentManagement/succPage/win">选课首页</a>
</body>
</html>